<template>
    <div>
        <van-card class="item" title="新东方教育" thumb="https://img01.yzcdn.cn/vant/ipad.jpeg">
            <template #tags>
                <p style="text-align:left">需要服务：</p>
                <p>介绍学生报名新东方课程</p>
            </template>
            <template #footer>
                <span>可赞助：视拉到的客户数和课程价值而定</span>
                <van-button size="mini" type="info">联系我</van-button>
            </template>
        </van-card>

        <van-card class="item" title="不挂科老火锅" thumb="https://img01.yzcdn.cn/vant/ipad.jpeg">
            <template #tags>
                <p style="text-align:left">需要服务：</p>
                <p>对本店菜品和套餐进行宣传</p>
            </template>
            <template #footer>
                <span>可赞助：视宣传效果而定</span>
                <van-button size="mini" type="info">联系我</van-button>
            </template>
        </van-card>



        <van-button  to='/'  type="primary" block round style="width: 80vw;position: fixed;bottom: 3vw;left: 50%;transform: translateX(-50%);">返回首页</van-button>
    </div>
</template>

<script>
import Vue from 'vue';
import { Card } from 'vant';

Vue.use(Card);
import { Button } from 'vant';

Vue.use(Button);

export default {

}
</script>


<style scoped>
.item {
    width: 95vw;
    margin: 2vw auto;
}
.van-card__title {
    font-size: 5vw;
    max-height: unset;
    height: auto;
    line-height: unset;
}
.van-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80vw;
    margin-left: 8vw;
}
</style>
